@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#333; line-height:24px; overflow-x:hidden; font-family:"微软雅黑"}

a { color:#333; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}

.float_clear{clear:both;}
/******************header css***************/
.w1200{max-width:1200px; width:90%; margin:auto;}
  .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
	.swiper-container1 {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto; overflow:hidden; margin-top:50px; position:relative; padding-top:30px;
    }
.swiper-pagination1{top:0; bottom:auto; text-align:right; position:absolute;}
.right img{max-width:100%;}
.header{background:rgba(0,0,0,0.5); padding:0px 0; position:fixed; width:100%; z-index:99999}
.menu{float:left; width:60%; margin-left:90px; margin-top:12px;}
.logo{width:80px; float:left;}
.tel{background:url(../images/tel.png) no-repeat; height:30px; width:200px ; float:right; color:#fdaa40; font-size:24px; line-height:36px; padding-left:10px; margin-top:12px;}
.menu ul li{float:left; font-size:16px; width:16%;position:relative;}
.menu ul li a{color:#fff;}
.menu ul li a:hover{color:#02c5f9;}
.menu ul.sub_menu{position:absolute; width:170px; top:40px; left:-40px; background:rgba(0,0,0,0.6); border-top:1px solid #fdaa40; display:none; overflow:hidden;}
.menu ul.sub_menu li{float:none; height:35px; line-height:35px; border-bottom:1px solid #424a55; margin:0; padding-left:35px; width:170px}
.index_pro{background:url(../images/bg1.jpg) no-repeat; padding:20px 0;}
.title{font-size:28px; text-align:center;}
.title span{margin-left:10px;}
.title2{text-align:center; margin-top:20px;}
.pro{width:31.3%; text-align:center; margin:1%; height:250px; padding-top:40px; box-sizing:border-box; background:#282c35; float:left; position:relative;}
.pro_cont{margin-top:13px;}
.pro_name{font-size:30px; color:#00caff; margin:20px 0;}
.pro_memo{color:#fff; font-size:16px;}
.pro_hover{background:rgba(0,0,0,0.8); border:2px solid #fdaa40; border-radius:3px;  box-sizing:border-box; position:absolute; width:100%; height:250px; left:0; top:0; display:none;}
.more{color:#fdaa40; font-size:26px; margin-top:15px;}
.pro_hover a{display:block; width:100%; height:250px;padding-top:70px;box-sizing:border-box;}
.index_about{background:url(../images/bg2.jpg) no-repeat; padding-top:40px; padding-bottom:70px; margin-bottom:60px;}
.title3{color:#fff; font-size:32px; margin-bottom:40px;}
.more1 a{ color:#00caff; border:1px solid #00caff; padding:6px 13px; background:#282c35;}

.more1 a:hover{border:1px solid #fdaa40; color:#fdaa40;}
.title a{font-size:40px; color:#fdaa40; border:1px solid #fdaa40; font-family:Arial; display:inline-table; background:#000; padding:5px;}
.title a:hover{ border:1px solid #00caff; color:#00caff;}
.more1{margin-top:30px;}

.fa_icon{width:56px; float:left;}
.fa_right{float:left; width:290px; margin-left:20px;}
.fa_title{font-size:18px; font-weight:bold;}
.fa_memo{color:#999;}
.fa{width:400px; float:left; margin:30px 0;}

.gg{background:url(../images/bg3.jpg) no-repeat; height:275px; margin-top:30px; text-align:center; color:#02c5f9; font-size:30px; padding-top:20px; box-sizing:border-box; margin-bottom:50px;}
.gg div{margin:35px auto; text-align:center;}
.gg div a{color:#02c5f9; font-size:20px; border:1px solid #02c5f9; padding:4px 10px; margin-left:20px;}
.logo1{margin-top:40px;}
.logo1 li{width:25%; text-align:center; margin:20px 0; float:left;}

.logo1 img{
	height: 80px;
    width: 160px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;}
.logo1 li:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	opacity:0.7;
}	


.why{ background:#f2f2f2; }
.why dl{float:left; width:33%; border-left:1px solid #ccc; padding:25px 0;}
.why dl dt{float:left; width:90px; text-align:right;}
.why dl dd{ margin-left:20px;float:left; width:225px; margin-top:10px; font-size:16px;}
.di_menu{background:#19212d; height:40px; line-height:40px;}
.di_menu ul li{width:158px; float:left;}
.di_menu ul li a{color:#fff;}
.di_sub_mnu dl{float:left; width:158px;}
.di_sub_mnu dl dd{height:30px; line-height:30px;}
.di_sub_mnu dl dd a{font-size:12px; color:#fff;}
.di_sub_mnu dl dd a:hover{color:#04bef0;}
.ma{float:right; width:150px; text-align:center; color:#fff; margin-top:20px;}
.di_sub_mnu{ background:#282c35; padding-top:10px; padding-bottom:10px;}
.dibu{background:#19212d; text-align:center; color:#fff; padding:10px 0;}
.main{margin-top:40px;}
.left{float:left; width:15%;}
.left ul li{height:40px; line-height:40px; padding-left:20px; border-bottom:1px solid #f2f2f2;}
.left ul li:hover a{ padding-left:20px;border-left:2px solid #fdaa40;}
.left ul li a.on{ padding-left:20px;border-left:2px solid #fdaa40;}

.left ul li a{transition:padding-left 1s;
-moz-transition: padding-left 1s;	/* Firefox 4 */
-webkit-transition: padding-left 1s;	/* Safari 和 Chrome */
-o-transition: padding-left 1s;}
.nei_title{padding-bottom:20px; border-bottom:1px solid #f2f2f2; font-size:18px; margin-bottom:30px;}
.nei_title span{color:#000000; }
.nei_title img{float:right; margin-top:-25px;}
.right{width:65%; float:left; margin-left:2%;}
.right_sar{width:18%; border:1px solid #f2f2f2; float:right; padding:10px; box-sizing:border-box;}
  .new_pic{float:left; width:300px;}
	   .new_right{float:right; width:72%; box-sizing:border-box;transition:padding-left 1s;
-moz-transition: padding-left 1s;	/* Firefox 4 */
-webkit-transition: padding-left 1s;	/* Safari 和 Chrome */
-o-transition: padding-left 1s;}
	   .new_title1{font-size:18px; height:35px;}
	   .new_title1 span{float:right; font-size:14px; color:#999}
	   .new_list{border-bottom:1px solid #e9e9e9; padding:30px 0;}
	    .new_memo{color:#999;}
		
		.new_list:hover .new_right{padding-left:20px;}
		
		
	.new_pic{height: 125px;
    width: 25%;
    overflow-x: hidden;
    overflow-y: hidden;}
.new_pic img{
	height: 125px;
    width: 300px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;}
.new_list:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}		
		
.case{width:270px; float:left; text-align:center; margin:15px;}
.case:hover .case_name{background:#02c5f9;}
.case:hover a{color:#fff;}
.case_name{height:50px; line-height:50px; background:#f2f2f2;transition:background 1s;
-moz-transition: background 1s;	/* Firefox 4 */
-webkit-transition: background 1s;	/* Safari 和 Chrome */
-o-transition: background 1s;}		

.case_pic{height: 220px;
    width: 270px;
    overflow-x: hidden;
    overflow-y: hidden;}
.case_pic img{
	height: 220px;
    width: 270px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;}
.case_pic:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}	






.phone_header{display:none;}
 .piaofu{width:250px; position:fixed; top:10%;left:0; z-index:99999}
 .pf_list{background:rgba(0,0,0,0.8); padding:20px; margin:0 5px;}
 .pf_list ul li{border:1px solid #fff;background:rgba(0,0,0,0.8); height:40px; line-height:40px; text-align:center; font-size:14px; margin:8px 0;}
 .pf_list ul li a{color:#fff; display:block;}
  .pf_list ul li:hover{border:1px solid #fdaa40;}  
  .pf_list ul li:hover a{color:#fdaa40;}
  
  .new_title1 font{width:433px; overflow:hidden; height:26px; display:block; float:left;}
   .fangan_right{width:391px; float:right;}
	   .fangan_left{ width:700px; float:left; margin-top:10px;}
	   .fangan_left ul li{float:left; width:200px; border-bottom:1px solid #f2f2f2; margin-right:30px; height:20px; line-height:20px; padding:8px 0;}
	   
	   .fangan_left ul li a:hover{ padding-left:20px;border-left:2px solid #fdaa40;}
	  .fangan_left ul li a{ transition:padding-left 1s;
-moz-transition: padding-left 1s;	/* Firefox 4 */
-webkit-transition: padding-left 1s;	/* Safari 和 Chrome */
-o-transition: padding-left 1s; display:block;}


.case_one{background:rgba(2,197,249,0.8); padding-top:15px; }
   .c_t{font-size:30px; text-align:center;  color:#fff;}
   .case1{ width:29.3%; overflow:hidden; position:relative; float:left; margin:2%;}
   .case_pic1{ border:4px solid #9cb0ca;}
   .case_hover1{position:absolute; width:340px; background:rgba(255,255,255,0.5); height:240px; top:4px; left:360px; padding:15px; box-sizing:border-box;}
   .case_name1{text-align:center; color:#fff; font-size:16px; height:27px; overflow:hidden}
   .case_logo1{position:absolute; width:100%; text-align:center; top:50px;}
   .case_pic1 img{width:100%;}
   .case-tabs li.active{background:#fdaa40; color:#fff;}
   .case-tabs li.active a{color:#fff;background:#fdaa40;}
   .case-tabs li{background:#337ab7; margin-right:2px; float:left; width:186px; text-align:center;}
   .case_two{margin-top:30px;}
   .case-tabs li a{color:#fff;}
   .case-tabs li a:hover{background:#fdaa40; color:#fff;}
   
   .pager{margin:0;}
   .case_pic img{width:240px; height:220px;}
   
   .case_main{background:url(../images/2018082013394063.jpg) no-repeat #d9d9d9; margin-top:0;padding-top:170px}
   
   .nei_title img.phone_fenlei{display:none;}
	.p_fenlei{ display:none;}
	.left{display:block;}
	
	.case_memo_t{text-align:center; width:950px; margin:auto;}
	
	.phone1{display:none;}
.pc1{display:block;}
.case_pic img{width:100%;}
#kh img{width:100%;}
@media (max-width: 1024px) {
	.kong{height:103px; width:100%;}
	.w1200{ width:90%; margin:auto;}
	.piaofu{display:none;}
.phone_header{display:block; z-index:9999; box-shadow:0 0 5px #ccc; position:fixed; background:#fff; height:103px; width:100%;}
.header{display:none;}

.p_logo img{ width:140px;}
.pro{width:48%; margin:1%;}	
	
.phone_menu{background:#fff; z-index:9999999; height:100%; position:fixed; width:100%; height:0px; overflow:hidden; top:53px;}
.phone_menu_btn{position:absolute; right:10px; top:10px;}
.phone_menu ul li{height:40px; line-height:40px; border-bottom:1px solid #ccc; padding:0 5%}
.phone_menu ul li a{display:block;}
.hide1{display:none;}
.show{ display:block;}
.phone_menu ul li.on{background:#00caff;}
.phone_menu ul li.on a{color:#fff;}
.down
{
animation: myfirst 1s forwards;
-moz-animation: myfirst 1s forwards;	/* Firefox */
-webkit-animation: myfirst 1s forwards;	/* Safari 和 Chrome */
-o-animation: myfirst 1s forwards;	/* Opera */
}

.phone{display:none;}



@keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-moz-keyframes myfirst
{
	
from {height: 0;}
to {height: 100%;}
}

@-webkit-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}

@-o-keyframes myfirst
{
from {height: 0;}
to {height: 100%;}
}


}

  .phone2{display:none;}

@media (max-width: 1024px) {
  .phone2{display:block;}
	 .nei_title img.phone_fenlei{display:block;}
	   .p_fenlei{display:none; position:absolute; width:90%; background:#fff; top:60px;}
	  .p_fenlei ul li{ height:35px; line-height:35px; border-bottom:1px solid #eee;}
	  .main{position:relative; overflow-x:hidden;}
	  
	  .left{float:left; width:187px;}
 .p_fenlei ul li{height:20px; padding:10px 0; line-height:20px; padding-left:20px; border-bottom:1px solid #f2f2f2;}
  .p_fenlei ul li a{display:block; line-height:20px; height:20px;}
 .p_fenlei ul li:hover a{ padding-left:20px;border-left:2px solid #fdaa40;}
 .p_fenlei ul li a.on{ padding-left:20px;border-left:2px solid #fdaa40;}
 	.left{width:100%; display:none;}
	.right{width:100%; margin-left:0;}
	.nei_title img{display:none;}
	.right_sar{display:none;}
	.why dl{width:30% ;}
		 .fangan_right{display:none;}
		 	.qq{display:none;} .case_hover1{display:none;}
				  .case{width:31%; margin:10px 1%;}
	  .case_pic img{ width:100%; height:auto;}
	  .case_pic{ width:100%; height:auto;}
	  .case_name{ overflow:hidden;}
	  .case_main{padding-top:30px;} .case_memo_t{width:100%;}
 .phone1{display:none;}
  .pc1{display:none;}
  
  
.p-one  .pro{height:160px;}
}
@media (max-width: 768px) {
	.p-one  .pro{height:100px;}
	.why dl{width:100%; border-left:none;}


	.new_pic{ width:100%; overflow:hidden; display:none}
	.new_pic img{width:100%;}
	.new_right{width:100%;}
	.new_list:hover .new_right{padding-left:0;}
	 .new_title1 font{width:100%;}
	 .new_title1 span{display:none;}
	 .fangan_left ul li{width:100%;}

	  .fangan_left{width:100%;}
	 
	  .case-tabs li{width:100%; margin:5px 0;}
	  .case{width:48%; margin:10px 1%;}
	  .case_pic img{ width:100%; height:auto;}
	  .case_pic{ width:100%; height:auto;}
	  .case_name{ overflow:hidden;}
	  .case_main{padding-top:30px;}

 .case1{width:48%; margin:1%;}
 .case_pic1{width:100%;}
 .case_hover1{display:none;}
.right img{width:100%;}
 .case_memo_t{width:100%;}
 .right img{width:100%;}
 
 .phone1{display:block;}

.pc1{display:none;}
.pro{width:48%; margin:1%;height: 210px;
    padding-top: 20px;}

.pro_name{font-size:20px; height:50px; overflow:hidden; margin:5px 0;}
.pro_icon img{width:55px;}	
	
}